const http = require("../../api/http");
const req = require("../../utils/request");
Page({
  data: {
    // tabs: ['全部', '运营者营地', '非运营者营地'],
    activeTab: "全部", // 默认选中的tab
    camps: [], // 营地数据列表
    currentTab: 0,
    baseUrl: req.base_url,
    query: {
      campName: "",
      campType: "",
      location: "",
    },
  },

  onLoad: function (options) {
    // var user = wx.getStorageSync("userInfo");
    // this.data.query.createName = user.id;
    // console.log("this.query:", this.data.query);
    // this.getCampList(this.data.query);
  },
  onShow: function () {
    // 调用接口
    http.getCampList(this.query).then((res) => {
      console.log(res);
      if (res.code === 200) {
        console.log(res, "res");
        //解构出data 赋值给
        const { data } = res;
        // 设置数据
        this.setData({
          camps: data,
        });
      } else {
        // 失败
        wx.showToast({
          title: res.msg,
          icon: "none",
        });
      }
    });
  },

  onChange(event) {
    console.log(event);
    var name = this.data.query.deviceName;
    //   var that=this
    wx.showToast({
      title: `切换到标签 ${event.detail.title}`,
      icon: "none",
    });
    if (event.detail.index == 0) {
      this.setData({
        query: {
          ydUsertype: "",
          createName: this.data.query.createName,
        },
      });
    } else if (event.detail.index == 1) {
      this.setData({
        query: {
          // deviceName:name,
          ydUsertype: "1",
          createName: this.data.query.createName,
        },
      });
    } else {
      // this.query.deviceStatus=1
      this.setData({
        query: {
          // deviceName:name,
          ydUsertype: "2",
          createName: this.data.query.createName,
        },
      });
    }

    console.log(this.query);
    // this.getCampList(this.data.query);
  },
  onClose(event) {
    // console.log("调用onclose");
    // const that = this; // 保存 this 的引用
    // wx.showModal({
    //   title: "提示", // 对话框标题
    //   content: "确定要执行删除操作吗？", // 对话框内容
    //   confirmText: "确定", // 确认按钮的文字，默认为“确定”
    //   cancelText: "取消", // 取消按钮的文字，默认为“取消”
    //   success: function (res) {
    //     if (res.confirm) {
    //       console.log("用户点击了确定");
    //       // 执行确定后的操作
    //       // 根据id删除对应营地信息
    //       console.log(event);
    //       console.log(event.target.dataset.id);
    //       http.deleteCamp([event.target.dataset.id]).then((res) => {
    //         if (res.code == 200) {
    //           console.log("删除营地成功");
    //           console.log("this:", that);
    //           that.getCampList(that.data.query);
    //         } else {
    //           console.log("删除营地失败");
    //         }
    //       });
    //       // var data1=this.query
    //       // getCampList(query);
    //     } else if (res.cancel) {
    //       console.log("用户点击了取消");
    //       // 执行取消后的操作
    //     }
    //   },
    // });
  },

  // 根据当前选中的tab查询营地数据
  //   fetchCamps: function() {
  // const db = wx.cloud.database(); // 假设你使用的是云开发数据库
  // const _ = db.command;
  // let query = db.collection('camps').get();

  // if (this.data.activeTab !== '全部') {
  //   query = db.collection('camps').where({
  //     operatorType: this.data.activeTab === '运营者营地' ? 'operator' : 'non-operator'
  //   }).get();
  // }

  // query.then(res => {
  //   this.setData({
  //     camps: res.data
  //   });
  // }).catch(err => {
  //   console.error(err);
  // });
  //   },

  // 切换tab时重新查询数据
  //   switchTab: function(e) {
  //     const tab = e.currentTarget.dataset.tab;
  //     this.setData({
  //       activeTab: tab
  //     }, () => {
  //       this.fetchCamps(); // 切换tab后重新查询数据
  //     });
  //   },

  // 跳转到发布新营地页面
  navigateToPublish: function () {
    wx.switchTab({
      url: "/pages/adds/adds",
    });
  },
  //跳转到活动详情页面
  goCampDetail(e) {
    console.log("事件对象: ", e);
    let id = e.currentTarget.dataset.id;
    console.log("id: ", id);
    wx.navigateTo({
      url: `/pages/detail/detail?campId=${id}`,
    });
  },
});
